<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="public/style.css">
</head>
<body>

<div style="text-align: center;margin:20px auto;">
<div id="pager" class="pager clearfix"></div>
</div>

<div id="wraper" class="pagerHtmlWrap"></div>

<div style="text-align: center;">
	<div id="pager2" class="pager clearfix">	
	</div>
</div>

</body>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="public/pager.js" charset="utf-8"></script>
<script type="text/javascript">
$("#pager").zPager({
	totalData: 60
});
$("#pager2").zPager({
	url:'pageData.json',
	htmlBox: $('#wraper'),
	btnShow: false
	// ,
	// dataRender: function(data){
	// 	console.log(data+'---data-2');
	// }
});

</script>
</html>